<!DOCTYPE html>
<html>
  <head>
    <title>Home - viifly</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
  </head>
  <body>
    <div class="container">
      <div class="masthead">
        <div class="nav nav-pills pull-right">
          <li class="active"><a href="/">Home</a></li>
          <li><a href="/blog/">Blog</a></li>
          <li><a href="/post/">Post</a></li>
        </div>
        <h3 class="muted">Viifly</h3>
      </div>

      <div class="well">Welcome.</div>


      <div class="row">
        <div class="span6 offset3">
        <div id="myCarousel" class="carousel slide">
          <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>

          <div class="carousel-inner">
            <div class="active item">
              <img src="http://blog.viifly.com/file/5681726336532480/2013-07-22_19-27-58_913.jpg" alt="">
              <div class="carousel-caption">
                <h4>Sun Down</h4>
                <p>Sun Down</p>
              </div>
            </div>
            <div class="item">
              <img src="http://blog.viifly.com/file/5733953138851840/2013-06-02_18-47-28_357.jpg" alt="">
              <div class="carousel-caption">
                <h4>cloud</h4>
                <p>cloud</p>
              </div>
            </div>
            <div class="item">
              <img src="http://blog.viifly.com/file/5891733057437696/2013-07-10_19-08-13_742.jpg" alt="">
              <div class="carousel-caption">
                <h4>cloud</h4>
                <p>cloud</p>
              </div>
            </div>
          </div>

          <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
        </div>
        </div>
      </div>
      <div class="row-fluid">
        <div class="span6">
          <div> 
          <ul class="thumbnails">
            <li class="span12">
              <a hrerf="#" class="thumbnail">
                <img src="http://blog.viifly.com/file/5785905063264256/C360_2013-04-07-14-10-37.jpg" alt="">
              </a>
            </li>
          </ul>
          </div>
        </div>
        <div class="span6">Here will be my words</div>
      </div>

    </div>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
  </body>
</html>